.m-message
  height: 495px
  margin-bottom: 25px
  .broadcast
    float: left
    width: 700px
    .police
    .operation
      box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
      background: #fff
      padding-top: 16px
      height: 235px
      box-sizing: border-box
      &.police
        .title
          background-image: url("../image/police-icon.png")
          background-repeat: no-repeat
          background-size 24px 28px
          background-position: 15px 0
       &.operation
        .title
          background-image: url("../image/operation-icon.png")
          background-repeat: no-repeat
          background-size 23px 28px
          background-position: 15px 0
      .title
        font-size: 29px
        color #363d43
        text-indent: 55px
        line-height: 1
      .items
        font-size: 0
        margin-top 22px
        >.item
          display: inline-block
          width: 33.33%
          box-sizing: border-box
          border-right: 1px solid #e6e4e4
          text-align: center
          &:last-child
              border-right: 0
          >a  
            text-decoration: none
            font-family: 'Ormont_Light'
            font-size: 108px
            color: #fe8970
            line-height: 1
          >span
            display: block
            font-size: 25px
            color #646464
            margin-top 5px
      &.operation
        margin-top: 25px
        .items
          .item
            width: 50%
  .weather
    float right
    box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
    width: calc(100% - 718px)
    background: #5bd3e4
    height: 100%
    font-size: 150px 
    text-align: center
.m-pie
  height: 470px
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  padding-top: 17px
  margin-top 25px
  .name
    font-size 29px
    line-height: 34px
    color #363d43 
    text-indent: 58px
    background-image url("../image/pie-icon.png")
    background-repeat: no-repeat
    background-size: 27px 28px
    background-position: 17px 3px

  .cont
    overflow: hidden
    .pie
      float: left
      width: 33.3%
.m-eventsearch
  background: #fff
  overflow: hidden
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  padding: 18px 40px 0
  .share
    width: 28px
    height: 27px
    float right
    background: url("../image/small-share.png") no-repeat
    background-size: contain
    margin-bottom: 20px
    cursor: pointer

  .lists
    margin-top 47px
    width 70%
    float left
    .list
      font-size: 0
      display: flex
      width 100%
      margin-bottom: 28px
      div
        display: flex
        width: 33.3%
        .name
          font-size: 22px
          color #222222
          display: inline-block
          width 110px
          flex 0 0 110px
          line-height: 39px
          text-align: right
          padding-right: 15px
          box-sizing: border-box
          font-weight: bold
          white-space nowrap
        select
          flex: 1
          font-size: 22px
          border 1px solid #d8d7d7
          border-radius: 10px
          height: 39px
          box-sizing: border-box
          padding: 0 15px
          color  #222
        >div
          flex: 1
          input
            width 100%
            font-size: 22px
            border 1px solid #d8d7d7
            border-radius: 10px
            height: 39px
            box-sizing: border-box
            padding: 0 15px
            color  #222
          
  .item
    float right
    width 30%
    padding-left 35px
    box-sizing border-box
    .name 
      font-size: 29px
      color #363d43
      text-indent: 58px
      background: url("../image/contrast-icon.png") no-repeat
      background-size 24px 23px
      background-position: 20px 5px
    .lists
      margin-top 0
      .list
        position: relative
        width: 180px;
        height: 34px;
        background-color: #e5e6e7;
        border-radius: 10px;
        line-height: 34px
        box-sizing: border-box
        font-size: 20px
        color #363d43
        margin-bottom: 25px
        text-align center
        display block
        &:hover
          .close
            display: block
        .close
          position: absolute
          display: none
          top -14px
          right -14px
          width: 28px
          height: 28px
          border-radius: 50%
          background: url("../image/close-icon.png") no-repeat
          cursor: pointer
  .success
    width: 726px
    height: 64px
    line-height: 64px
    margin 5px auto 30px
    background-color #5fc0ce
    border-radius 8px
    text-align: center
    font-size: 33px
    color #ffffff
    cursor: pointer
  .historybtn
    padding 0 35px
    width 100%
    display: flex 
    justify-content: space-between
    margin-bottom: 35px
    div
      height: 64px
      background-color: #5fc0ce;
      border-radius: 8px;
      flex: 1
      font-size: 33px
      line-height: 64px
      text-align: center
      color #fff
      font-weight: bold
      &:last-child
        margin-left 70px
        background: #fe8970
.m-eventchart
  background: #fff
  margin-top 20px
  padding: 13px 0
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  .name
    font-size 29px
    line-height: 34px
    color #363d43 
    text-indent: 58px
    background: url("../image/search-icon.png") no-repeat
    background-size 22px 21px
    background-position: 20px 6px
  .small
    position: relative
    font-size: 28px
    font-weight: bold
    color: #222
    line-height: 34px
    text-indent: 37px
    margin-bottom: 10px
    i
      position: absolute
      right: 0
      width: 40px
      height: 40px
      background-image: url("../image/house-icon.png") 
      background-repeat: no-repeat
      background-size: contain
      cursor: pointer

  .tabs
    font-size: 0
    padding: 0 22px
    .tab
      display: inline-block
      font-size 29px
      color #363d43
      font-weight: bold
      cursor: pointer
      &.active
        color #5fc0ce
      &:last-child
        margin-left 60px
  .chart
    height: 480px
    background: #fe8970
    margin-top 13px
    text-align: center
    font-size 100px
.m-contrast
  margin-top 25px
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  padding-top: 17px
  .name 
    font-size: 29px
    color #363d43
    text-indent: 58px
    background: url("../image/contrast-icon.png") no-repeat
    background-size 24px 23px
    background-position: 20px 5px
  .lists
    padding: 35px 58px
    display: flex
    flex-wrap wrap
    margin-left -52px
    .list
      position: relative
      width: 250px;
      height: 54px;
      background-color: #e5e6e7;
      border-radius: 10px;
      line-height: 54px
      padding: 0 43px 
      box-sizing: border-box
      font-size: 29px
      color #363d43
      margin-left 52px
      margin-bottom: 25px
      &:hover
        .close
          display: block
      .close
        position: absolute
        display: none
        top -14px
        right -14px
        width: 28px
        height: 28px
        border-radius: 50%
        background: url("../image/close-icon.png") no-repeat
        cursor: pointer
.m-lsearch
  padding: 40px
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  .query
      width: 725px
      height: 64px
      line-height: 64px
      text-align: center
      font-size: 33px
      color #fff
      font-weight: bold
      background: #5fc0ce
      border-radius: 8px
      margin 0 auto
      cursor: pointer
  .historybtn
    padding 0 35px
    display: flex 
    justify-content: space-between
    margin-bottom: 35px
    div
      height: 64px
      background-color: #5fc0ce;
      border-radius: 8px;
      flex: 1
      font-size: 33px
      line-height: 64px
      text-align: center
      color #fff
      font-weight: bold
      &:last-child
        margin-left 70px
        background: #fe8970
      &.orange 
        background: #fe8970
      &.violet
        background: #afbcd7
  .lists
    .list
      font-size: 0
      display: flex
      width 100%
      margin-bottom: 28px
      div
        display: flex
        width:50%
        .name
          font-size: 22px
          color #222222
          display: inline-block
          width 120px
          line-height: 39px
          text-align: right
          padding-right: 15px
          box-sizing: border-box
          font-weight: bold
        select
        input
          font-size: 22px
          flex: 1
          border 1px solid #d8d7d7
          border-radius: 10px
          height: 39px
          box-sizing: border-box
          padding: 0 15px
          colror #222
.m-houselist
  margin-top 25px
  padding: 25px 45px 
  background: #fff
  box-shadow 0px 1px 8px 0px rgba(150, 150, 150, 0.52)
  &.top0
    margin-top 0
  .edits
    overflow: hidden
    .name
      float: left
      font-size 29px
      color #363d43
      text-indent 65px 
      line-height 1
      background-image url("../image/icon2.png")
      background-repeat no-repeat
      background-position 15px 0
      background-size 24px 25px
      margin-top 18px
    .add  
    .share
      float right
      width: 29px
      height: 29px
      margin-left 20px
      cursor: pointer
      &.add 
        background: url("../image/add-icon.png") no-repeat
        background-size contain
      &.share
        background: url("../image/small-share.png") no-repeat
        background-size contain
      &.top-7
        margin-top 8px
    .come
      float right
      width: 38px
      height: 38px
      background: url("../image/come-icon.png") no-repeat
      background-size contain
      cursor: pointer
.m-htable
  width: 100%
  margin-top 12px
  tr
    th 
      height: 70px
      color #222222
      font-size: 29px
      font-weight: bold
      text-align center
    td
      height: 65px
      font-size: 22px
      color #222
      text-align: center
      &.orange
        color #fe8970
      a
        text-decoration: none
        color #222
  &.setw
    tr
      td
        &:first-of-type
          width: 230px

.m-pagination
  text-align: center
  margin-top 30px
  a
    display: inline-block
    text-decoration: none
    width: 60px
    height: 60px
    font-size 25px
    color #000
    line-height: 60px
    border-radius: 50%
    &:hover
      background: #5fc0c1
      color: #fff
    &:active
      background: #5fc0c1
      color: #fff
  .prev
  .next
    font-size: 20px
    color #5fc0ce
    margin-left: 80px
    font-weight: bold
    cursor: pointer
    &.prev
      margin-right: 80px
      margin-left 0px
    





    




      
    
 



